Project UX/UI Design 2023

Pantrii

AR Shopping Experience

Pantrii is a mobile AR app that connects users with products naturally, transforming the shopping journey into an intuitive, human-centered discovery experience.

Mobile app interface showing augmented reality shopping view with organic natural soft UI elements, warm lighting, floating product cards

Project Type

Conceptual Product Design, AR Interface, E-commerce

Platform

iOS Mobile Application, Augmented Reality (ARKit)

Goal

Bridge the tactile gap in digital retail through spatial computing.

Focus

Human-centered interactions, organic UI, emotional connection.

Shopping is fundamentally human.

Our brains are wired to explore physically, touch products, and experience spatial relationships. Digital shopping can feel disconnected from these natural instincts. Pantrii seeks to restore that connection.

Cinematic soft focus photography of a hand interacting with floating augmented reality elements in a warm natural lit room, organic shapes, soft edges

Human Connection
to Shopping

Through extensive user research, we discovered a profound gap between the convenience of e-commerce and the emotional satisfaction of physical retail. The digital space lacked the tactile feedback and spatial awareness that humans naturally crave when evaluating objects.

83%

of shoppers crave tactile experiences when making purchase decisions.

72%

feel more connected to brands that offer interactive discovery.

61%

remember products they've "touched" virtually significantly better.

The Challenge

Designing for Nature

"How do we make digital feel natural?"

Moving away from rigid grids and sharp corners to embrace fluid, organic layouts that mimic natural environments.

"Creating emotional connections"

Using warm color palettes, soft typography, and micro-interactions that respond to user input like living elements.

"Honoring our spatial instincts"

Leveraging AR to allow users to perceive scale, texture, and presence in their actual physical environment.

Interface Exploration

Iterating towards a UI that feels less like software and more like an extension of the physical world.

Soft Component Library

Buttons and cards designed with organic radii and soft, diffuse shadows.

Natural Typography

Marcellus for elegant, humanistic headings; Inter for highly legible, clean interfaces.

Marcellus Regular

Inter Light for body copy.

UI design showcase of mobile app screens with soft beige colors, rounded cards, organic layout, fashion products, clean typography

Can digital shopping feel as natural as browsing in person?

Our philosophy was to strip away the rigid scaffolding of traditional e-commerce. No more endless grids of identical squares. Instead, we designed an interface that breathes, flows, and responds to the user's focus, much like a well-curated physical boutique.

Person holding smartphone using AR shopping app, soft natural lighting, warm aesthetic, showing a 3D product floating in real space
The Solution

Bringing Products into Your Space

Pantrii utilizes advanced ARKit capabilities to anchor high-fidelity 3D models into the user's environment. The UI recedes, allowing the product to take center stage.

True-to-Scale Rendering

Products appear exactly as they would in real life, eliminating size guesswork.

Environmental Lighting

Materials react dynamically to the ambient lighting of the user's physical room.

Designed for Humans

Intuitive AR Discovery

Instead of rigid search bars, users can pan their device to discover curated products placed contextually in their environment, mimicking the serendipity of window shopping.

  • Contextual placement
  • Spatial browsing
UI mockup of AR discovery feature, scanning room, floating soft UI cards with product information
UI mockup showing hand gesture interaction with 3D product model, soft warm interface elements

Natural Product Interaction

Interact with digital items using natural hand gestures. Rotate, open, and inspect products just as you would if you were holding them.

  • Gesture recognition
  • Physics-based interactions

Human-Friendly Checkout

A seamless, low-friction checkout process that feels conversational rather than transactional. Soft confirmations and gentle micro-animations reduce purchase anxiety.

  • Conversational UI
  • Calming visual feedback
Clean minimal checkout UI screen, soft beige background, rounded input fields, elegant typography

The Natural Outcome

Lifestyle photography of person using app happily in warm living room setting

Increased Confidence

Users reported a 45% increase in purchase confidence due to spatial context.

Close up of beautiful elegant UI design on mobile screen, soft shadows, premium feel

Extended Engagement

Average session time doubled as users enjoyed the playful discovery process.

Bringing the human touch to digital shopping.

Pantrii bridges the gap between digital convenience and the natural human desire to explore, touch, and experience products in space. It's not just about buying; it's about connecting.